<template>
 <div class="param-info" v-if="Object.keys(param).length!==0">
     <table v-for="(table,index) in param.sizes" class="info-size" :key="index">
         <tr v-for="(tr,indey) in table" :key="indey">
             <td v-for="(td,indez) in tr" :key=indez>{{td}}</td>
         </tr>
     </table>
     <table class="info-param">
         <tr v-for="(info,index) in param.infos" :key="index">
             <td class="info-param-key"> {{info.key}}</td>
             <td class="param-value"> {{info.value}}</td>
         </tr>
     </table>
     <div class="info-img" v-if="param.image.length!==0">
         <img :src="param.img" alt="">
     </div>
 </div>
</template>

<script>

 export default {
  name:'DetailParamInfo',
  data () {
   return {

   };
  },
  props: {
      param:{
          type:Object,
          default(){
              return {}
          }
      }
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {}

 }

</script>
<style scoped>
.param-info{
    padding: 20px 15px;
    font-size: 14px;
    border-bottom:5px solid #f2f5f8 ;
}
.param-info table{
    width: 100%;
    border-collapse: collapse;
}
</style>